<template>
  <div class="bread">
    <el-breadcrumb separator="/">
      <el-breadcrumb-item :to="{ path: '/home' }">首页</el-breadcrumb-item>
      <template v-if="$route.path !== '/home'">
        <el-breadcrumb-item v-for="item in $route.matched"><a href="/">{{ item.meta.title }}</a></el-breadcrumb-item>
      </template>

    </el-breadcrumb>
  </div>
</template>
  
<script setup lang='ts'>
</script>
  
<style scoped lang="less">
.bread {
  padding-bottom: 10px;
}
</style>